<div class="zs-ibox">
   <div>
     <table class="zs-data-tab" width="100%">
      <tbody>
      	 <tr ng-show="isShowAvg==true">
      	 	 <td class="text" style="width:60px">统计周期:</td>
			<td style="width:420px"><label>
				<input name="dataType" value="mint" class="zs-btn radio_btn" type="radio" style="padding-right: 2px" 
					ng-change="initQuery('mint')" ng-model="dataType" />分钟</label> 
					<label>
				<input name="dataType" value="hour" class="zs-btn radio_btn" type="radio" style="padding-right: 2px" 
					ng-change="initQuery('hour')" ng-model="dataType" />小时</label> 
					<label >
				<input name="dataType" value="day" class="zs-btn radio_btn" type="radio" style="padding-right: 2px" 
					ng-change="initQuery('day')" ng-model="dataType" />日报</label> 
					<label >
				<input name="dataType" value="week" class="zs-btn radio_btn" type="radio" style="padding-right: 2px" 
					ng-change="initQuery('week')" ng-model="dataType" />周报</label>
					<label>
				<input name="dataType" value="month" class="zs-btn radio_btn" type="radio" style="padding-right: 2px" 
					ng-change="initQuery('month')" ng-model="dataType" />月报</label> 
					<label>
				<input name="dataType" value="quarter" class="zs-btn radio_btn" type="radio" style="padding-right: 2px" 
					ng-change="initQuery('quarter')" ng-model="dataType" />季报</label> 
					<label>
				<input name="dataType" value="year" class="zs-btn radio_btn" type="radio" style="padding-right: 2px" 
					ng-change="initQuery('year')" ng-model="dataType" />年报</label>  	
			</td>
      	 </tr>
         <tr>
         	<td>查询日期：</td>
         	<td ng-show="dataType=='mint'">
              <ag-Datebox  class="zs-input" ng-model="mintTime" ></ag-Datebox>
            </td>
         	<td ng-show="dataType=='hour'">
              <ag-Datebox  class="zs-input" ng-model="hourTime" ></ag-Datebox>
            </td>
            <td class="input" ng-show="dataType=='day'" style="width: 100px;">
				<ag-Datebox class="zs-input" ng-change="checkErr();" ng-model="startDayDate" name="start" ></ag-Datebox>
           </td>
           <td class="input" ng-show="dataType=='day'">
           		<ag-Datebox class="zs-input" ng-change="checkErr();" ng-model="endDayDate" name="end" ></ag-Datebox>
           </td>
           <td class="input" ng-show="dataType=='week'">
           	    <select class="form-control" ng-model="selectYear" ng-options="year.value as year.name for year in yearlist" ng-change="changeYear(selectYear)">
			     </select>
			     <select class="form-control" ng-model="selectWeek" ng-options="week.value as week.name for week in weeklist">
	              </select>
            </td>

           <td ng-show="dataType=='month'">
             <select class="form-control" ng-model="selectYear" ng-options="year.value as year.name for year in yearlist">
		     </select>
		     <select class="form-control" ng-model="selectMonth" ng-options="month.value as month.name for month in monthlist">
              </select>
           </td>
           <td ng-show="dataType=='quarter'">
           	 <select class="form-control" ng-model="selectYear" ng-options="year.value as year.name for year in yearlist">
		     </select>
           	 <select class="form-control" ng-model="selectQuarter" ng-options="q.value as q.name for q in quarterslist"></select>
           </td>
           <td ng-show="dataType=='year'">
           	 <select class="form-control" ng-model="selectYear" ng-options="year.value as year.name for year in yearlist">
		     </select>
           </td>
            <td>
		     <input type="button"  value="查询" class="zs-btn" ng-click="getReport()">
		     <input type="button"  value="导出报表" class="zs-btn" ng-click="exportExcel()">
           </td>
         </tr>
      </tbody>
     </table>
   </div>
   <div  class="zs-itabs" id="listdataReport">
		<ul class="idTabs">
			<li><a href='#Reportlb_Report' class="selected">列表</a></li>
			<li><a href='#tb_Report' >图表</a></li>
		</ul>
    </div>
   <div id="Reportlb_Report" ng-style="{height:(Map_H-138)+'px'}">
   		<div >
			<table class="zs-data-tab" freeze-grid 
						freeze-box-width='Map_W-50' 
						freeze-box-height='Map_H-150' 
						freeze-timecell-width='130'
						freeze-datacell-width='120'
						freeze-cell-height='30'
						head-rowlength='2'
						component-object="freezeGrid">
				<tr>
					<td class="center time_column" >时间</td>
					<td class="center data_column" style="font-weight: bold;"  ng-repeat="parm in parmToCheckList" >
						<span ng-bind="parm.parmName_text"></span>
					</td>
				</tr>
				<tr>
					<td class="center time_column" >范围</td>
					<td class="center data_column"  style="font-weight: bold;" ng-repeat="parm in limitList track by $index" >
							<span ng-bind="parm"></span>
					</td>
				</tr>
				<tr ng-repeat="curRow in httpData.reportList.data" class="{{ isDoubleNum($index) ? 'even':'' }}">
					<td class="center time_column"><label ng-bind="curRow['DATATIME']" ></label></td>
					<td class="center data_column" ng-repeat="parm in parmToCheckList" >
							<label ng-bind="curRow[parm.attrName]" ></label>
							<label ng-if="curRow['P'+parm.parmName+'_ALARM_FLAG'] == 'ALARM_LESS'" title="{{curRow[parm.attrName]}}"></label>
							<label class="datared tip" ng-if="curRow['P'+parm.parmName+'_ALARM_FLAG'] == 'ALARM_OVER'">
								<span class="station_cb1" title="超标"></span>
							</label>
							<label class="datared tip" ng-if="curRow['P'+parm.parmName+'_ALARM_FLAG'] == 'ODD_OVER'">
								<span class="station_yc2" title="异常"></span>
							</label>
							<label class="datared tip" ng-if="curRow['P'+parm.parmName+'_ALARM_FLAG'] == 'ODD_LESS'">
								<span class="station_yc2" title="异常"></span>
							</label>
	                 </td>	
				</tr>
				<tr ng-repeat="curRow in httpData.reportList.statistic" class="{{ isDoubleNum($index) ? 'even':'' }}">
	            	<td class="center time_column" is-over="wwtplist.isfinish" >
	                	<label ng-bind="curRow['DATATIME']"></label>
	                </td>
	                 <td class="center data_column" ng-repeat="parm in parmToCheckList" >
	                	<label ng-bind="curRow[parm.attrName]" ></label>
	                </td>
	            </tr>
				<tr ng-if="itemRow">
	            	<td class="center time_column"><label ng-bind="itemRow['DATATIME']" ></label></td>
	            	<td class="center data_column" ng-repeat="parm in parmToCheckList" ><label ng-bind="itemRow[parm.attrName]" ></label></td>
	            </tr>
	            <tr ng-if="totalRow"> 
	            	<td class="center time_column"><label ng-bind="totalRow['DATATIME']" ></label></td>
	            	<td class="center data_column" colspan="{{parmToCheckList.length}}" ><label ng-bind="totalRow['TOTAL_CLASS']"></label></td>
	            </tr>
	            <tr ng-if="pollutantRow">
	            	<td class="center time_column"><label ng-bind="pollutantRow['DATATIME']" ></label></td>
	            	<td class="center data_column" colspan="{{parmToCheckList.length}}" ><label ng-bind="pollutantRow['MAIN_POLLUTANT']"></label></td>
	            </tr>
	            <tr ng-if="comprehensivePollutIndexRow">
	            	<td class="center time_column"><label ng-bind="comprehensivePollutIndexRow['DATATIME']" ></label></td>
	            	<td class="center data_column" colspan="{{parmToCheckList.length}}" ><label ng-bind="comprehensivePollutIndexRow['POLLUTE_INDEX']"></label></td>
	            </tr>
	        </table>
		</div>
   </div>
   <div id="tb_Report" style="overflow-y:auto; height:{{Map_H-100}}px;">
		<div style="display: inline-block;">
			<label ng-repeat="row in parmToCharList" style="margin-left: 6px;  display: block;float:left" class="parmLabel">
			<input ng-checked="row.checked" ng-click="checkedParm($event,$index)" class="zs-btn radio_btn" type="checkbox" />{{row.parmName}}</label>
		</div>
		<div id="char_tb" style="height:{{Map_H-50}}px;">
			
		</div>
   </div>
</div>